/*滚动条样式 谷歌*/
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-track{background: #ccc2;border-radius:15px;border:0px solid rgba(128,128,128,0.1);}
::-webkit-scrollbar-thumb{background: #5559;border-radius:15px;}
::-webkit-scrollbar-thumb:hover{background: var(--colorPrimary);}
::-webkit-scrollbar-corner{background: #ccc1;}
.ant-table-sticky-scroll{background: #ccc2;border-radius:15px;opacity:1;}
.ant-table-sticky-scroll-bar{background: #5559;border-radius:15px;border:0px solid rgba(128,128,128,0.1);}
.ant-table-sticky-scroll-bar:hover{background: var(--colorPrimary);}
/*动画样式*/
@keyframes fade-show {from{opacity:0;}  to{opacity:1;}}
@keyframes fade-hide {from{opacity:1;}  to{opacity:0;}}
.fadeShow-enter-active {animation: fade-show 0.5s;}
.fadeShow-leave-active {animation: fade-hide 0.3s;}
@keyframes page-show {from{transform:translate3d(0,20%,0);opacity:0;}  to{transform:translate3d(0,0,0);opacity:1;}}
@keyframes page-hide {from{transform:translate3d(0,0,0);opacity:1;}  to{transform:translate3d(0,70%,0);opacity:0;}}
.pageShow-enter-active {animation: page-show 0.5s;}
.pageShow-leave-active {animation: page-hide 0.3s;}
@keyframes slideShow {  from{transform:translate3d(10%,0,0);opacity:0;height:0;margin:0;}  to{transform:translate3d(0,0,0);opacity:1;height:auto;}}
@keyframes slideHidden {  from{transform:translate3d(0,0,0);opacity:1;height:auto;}  to{transform:translate3d(0,0,0);opacity:0;height:0;margin:0;}}
.animate-show { animation:slideShow ease .6s forwards; }
.animate-hidden { animation:slideHidden ease .5s forwards; overflow:hidden; position:fixed; }
@keyframes slideBottomShow {  from{transform:translate3d(-50%,0,0);opacity:0;height:0;}  to{transform:translate3d(0,0,0);opacity:1;}}
@keyframes slideBottomHidden {  from{transform:translate3d(0,0,0);opacity:1;}  to{transform:translate3d(-100%,0,0);opacity:0;height:0;}}
.animate-bottom-show { animation:slideBottomShow ease .4s forwards; }
.animate-bottom-hidden { animation:slideBottomHidden ease .5s forwards; }
/*json格式*/
.json_key{color:#555;font-weight:500;}
.json_null{color:#f30;font-weight:500;}
.json_string{color:#E90;font-weight:500;}
.json_number{color:#a0d;font-weight:500;}
.json_boolean{color:#5a0;font-weight:500;}
.json_link{color:#2dd;font-weight:500;}
.json_hide{color:var(--colorPrimary);font-weight:500;font-style:italic;}

/*常用css样式*/
/*文本*/
.text-xs { font-size: 10px; }
.text-sm { font-size: 12px; }
.text-df { font-size: 14px; }
.text-lg { font-size: 16px; }
.text-xl { font-size: 18px; }
.text-xxl { font-size: 22px; }
.text-xxxl { font-size: 27px; }
.text-sl { font-size: 40px; }
.text-xsl { font-size: 60px; }
.text-Abc { text-transform: Capitalize; }
.text-ABC { text-transform: Uppercase; }
.text-abc { text-transform: Lowercase; }
.text-price::before { content: "¥"; font-size: 80%; margin-right: 2px; }
.text-cut { text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-bold { font-weight: bold;}
.text-center { text-align: center;}
.text-content { line-height: 1.6;}
.text-left { text-align: left;}
.text-right { text-align: right;}
/*颜色 text-red*/
.text-red { color: #e54d42;}
.text-orange { color: #f37b1d; }
.text-yellow { color: #fbbd08; }
.text-olive { color: #8dc63f; }
.text-green { color: #39b54a; }
.text-cyan { color: #1cbbb4; }
.text-blue { color: #0081ff; }
.text-purple { color: #6739b6; }
.text-mauve { color: #9c26b0; }
.text-pink { color: #e03997; }
.text-brown { color: #a5673f; }
.text-grey { color: #8799a3; }
.text-gray { color: #aaaaaa; }
.text-black { color: #394448; }
.text-white { color: #ffffff; }
/*背景 bc-red 深色背景 bg-red*/
.bc-red, .index-theme-dark .bg-red { background-color: #e54d42; color: #ffffff; }
.bc-orange, .index-theme-dark .bg-orange { background-color: #f37b1d; color: #ffffff; }
.bc-yellow, .index-theme-dark .bg-yellow { background-color: #fbbd08; color: #333333; }
.bc-olive, .index-theme-dark .bg-olive { background-color: #8dc63f; color: #ffffff; }
.bc-green, .index-theme-dark .bg-green { background-color: #39b54a; color: #ffffff; }
.bc-cyan, .index-theme-dark .bg-cyan { background-color: #1cbbb4; color: #ffffff; }
.bc-blue, .index-theme-dark .bg-blue { background-color: #0081ff; color: #ffffff; }
.bc-purple, .index-theme-dark .bg-purple { background-color: #6739b6; color: #ffffff; }
.bc-mauve, .index-theme-dark .bg-mauve { background-color: #9c26b0; color: #ffffff; }
.bc-pink, .index-theme-dark .bg-pink { background-color: #e03997; color: #ffffff; }
.bc-brown, .index-theme-dark .bg-brown { background-color: #a5673f; color: #ffffff; }
.bc-grey, .index-theme-dark .bg-grey { background-color: #8799a3; color: #ffffff; }
.bc-gray, .index-theme-dark .bg-gray { background-color: #f0f0f0; color: #333333; }
.bc-black, .index-theme-dark .bg-black { background-color: #394448; color: #ffffff; }
.bc-white, .index-theme-dark .bg-white { background-color: #ffffff; color: #666666; }
/*浅色背景*/
.index-theme- .bg-red { color: #e54d42; background-color: #fadbd9;}
.index-theme- .bg-orange { color: #f37b1d; background-color: #fde6d2;}
.index-theme- .bg-yellow { color: #fbbd08; background-color: #fef2ced2;}
.index-theme- .bg-olive { color: #8dc63f; background-color: #e8f4d9;}
.index-theme- .bg-green { color: #39b54a; background-color: #d7f0dbff;}
.index-theme- .bg-cyan { color: #1cbbb4; background-color: #d2f1f0;}
.index-theme- .bg-blue { color: #0081ff; background-color: #cce6ff;}
.index-theme- .bg-purple { color: #6739b6; background-color: #e1d7f0;}
.index-theme- .bg-mauve { color: #9c26b0; background-color: #ebd4ef;}
.index-theme- .bg-pink { color: #e03997; background-color: #f9d7ea;}
.index-theme- .bg-brown { color: #a5673f; background-color: #ede1d9;}
.index-theme- .bg-grey { color: #8799a3; background-color: #e7ebed;}
.index-theme- .bg-black { color: #394448; background-color: #e7ebed;}
/*渐变背景 bg-gradual-red*/
.bg-gradual-red { background-image: linear-gradient(45deg, #f43f3b, #ec008c); color: #ffffff;}
.bg-gradual-orange { background-image: linear-gradient(45deg, #ff9700, #ed1c24); color: #ffffff;}
.bg-gradual-green { background-image: linear-gradient(45deg, #39b54a, #8dc63f); color: #ffffff;}
.bg-gradual-purple { background-image: linear-gradient(45deg, #9000ff, #5e00ff); color: #ffffff;}
.bg-gradual-pink { background-image: linear-gradient(45deg, #ec008c, #6739b6); color: #ffffff;}
.bg-gradual-blue { background-image: linear-gradient(45deg, #0081ff, #1cbbb4); color: #ffffff;}
.bg-gradual-black { background-image: linear-gradient(45deg, #778999, #394448); color: #ffffff;}
/*内外边距*/
.margin-0 {  margin: 0;}
.margin-xs {  margin: 5px;}
.margin-sm {  margin: 10px;}
.margin {  margin: 15px;}
.margin-lg {  margin: 20px;}
.margin-xl {  margin: 25px;}
.margin-top-xs {  margin-top: 5px;}
.margin-top-sm {  margin-top: 10px;}
.margin-top {  margin-top: 15px;}
.margin-top-lg {  margin-top: 20px;}
.margin-top-xl {  margin-top: 25px;}
.margin-right-xs {  margin-right: 5px;}
.margin-right-sm {  margin-right: 10px;}
.margin-right {  margin-right: 15px;}
.margin-right-lg {  margin-right: 20px;}
.margin-right-xl {  margin-right: 25px;}
.margin-bottom-xs {  margin-bottom: 5px;}
.margin-bottom-sm {  margin-bottom: 10px;}
.margin-bottom {  margin-bottom: 15px;}
.margin-bottom-lg {  margin-bottom: 20px;}
.margin-bottom-xl {  margin-bottom: 25px;}
.margin-left-xs {  margin-left: 5px;}
.margin-left-sm {  margin-left: 10px;}
.margin-left {  margin-left: 15px;}
.margin-left-lg {  margin-left: 20px;}
.margin-left-xl {  margin-left: 25px;}
.margin-lr-xs {  margin-left: 5px;  margin-right: 5px;}
.margin-lr-sm {  margin-left: 10px;  margin-right: 10px;}
.margin-lr {  margin-left: 15px;  margin-right: 15px;}
.margin-lr-lg {  margin-left: 20px;  margin-right: 20px;}
.margin-lr-xl {  margin-left: 25px;  margin-right: 25px;}
.margin-tb-xs {  margin-top: 5px;  margin-bottom: 5px;}
.margin-tb-sm {  margin-top: 10px;  margin-bottom: 10px;}
.margin-tb {  margin-top: 15px;  margin-bottom: 15px;}
.margin-tb-lg {  margin-top: 20px;  margin-bottom: 20px;}
.margin-tb-xl {  margin-top: 25px;  margin-bottom: 25px;}
.padding-0 {  padding: 0;}
.padding-xs {  padding: 5px;}
.padding-sm {  padding: 10px;}
.padding {  padding: 15px;}
.padding-lg {  padding: 20px;}
.padding-xl {  padding: 25px;}
.padding-top-xs {  padding-top: 5px;}
.padding-top-sm {  padding-top: 10px;}
.padding-top {  padding-top: 15px;}
.padding-top-lg {  padding-top: 20px;}
.padding-top-xl {  padding-top: 25px;}
.padding-right-xs {  padding-right: 5px;}
.padding-right-sm {  padding-right: 10px;}
.padding-right {  padding-right: 15px;}
.padding-right-lg {  padding-right: 20px;}
.padding-right-xl {  padding-right: 25px;}
.padding-bottom-xs {  padding-bottom: 5px;}
.padding-bottom-sm {  padding-bottom: 10px;}
.padding-bottom {  padding-bottom: 15px;}
.padding-bottom-lg {  padding-bottom: 20px;}
.padding-bottom-xl {  padding-bottom: 25px;}
.padding-left-xs {  padding-left: 5px;}
.padding-left-sm {  padding-left: 10px;}
.padding-left {  padding-left: 15px;}
.padding-left-lg {  padding-left: 20px;}
.padding-left-xl {  padding-left: 25px;}
.padding-lr-xs {  padding-left: 5px;  padding-right: 5px;}
.padding-lr-sm {  padding-left: 10px;  padding-right: 10px;}
.padding-lr {  padding-left: 15px;  padding-right: 15px;}
.padding-lr-lg {  padding-left: 20px;  padding-right: 20px;}
.padding-lr-xl {  padding-left: 25px;  padding-right: 25px;}
.padding-tb-xs {  padding-top: 5px;  padding-bottom: 5px;}
.padding-tb-sm {  padding-top: 10px;  padding-bottom: 10px;}
.padding-tb {  padding-top: 15px;  padding-bottom: 15px;}
.padding-tb-lg {  padding-top: 20px;  padding-bottom: 20px;}
.padding-tb-xl {  padding-top: 25px;  padding-bottom: 25px;}
/*边框 圆头*/
.round { border-radius: 5000px; }
/*边框 圆角*/
.radius { border-radius: 2px; }
/*边框 实线*/
.solid { border: 1px solid #ddd; }
.solid-top { border-top: 1px solid #ddd; }
.solid-right { border-right: 1px solid #ddd; }
.solid-bottom { border-bottom: 1px solid #ddd; }
.solid-left { border-left: 1px solid #ddd; }
.solids { border: 2px solid #ddd; }
.solids-top { border-top: 2px solid #ddd; }
.solids-right { border-right: 2px solid #ddd; }
.solids-bottom { border-bottom: 2px solid #ddd; }
.solids-left { border-left: 2px solid #ddd; }
/*边框 虚线*/
.dashed { border: 1px dashed #ddd; }
.dashed-top { border-top: 1px dashed #ddd; }
.dashed-right { border-right: 1px dashed #ddd; }
.dashed-bottom { border-bottom: 1px dashed #ddd; }
.dashed-left { border-left: 1px dashed #ddd; }
.dasheds { border: 2px dashed #ddd; }
.dasheds-top { border-top: 2px dashed #ddd; }
.dasheds-right { border-right: 2px dashed #ddd; }
.dasheds-bottom { border-bottom: 2px dashed #ddd; }
.dasheds-left { border-left: 2px dashed #ddd; }
/*边框 线颜色*/
.line-red { border-color: #e54d42; }
.line-orange { border-color: #f37b1d; }
.line-yellow { border-color: #fbbd08; }
.line-olive { border-color: #8dc63f; }
.line-green { border-color: #39b54a; }
.line-cyan { border-color: #1cbbb4; }
.line-blue { border-color: #0081ff; }
.line-purple { border-color: #6739b6; }
.line-mauve { border-color: #9c26b0; }
.line-pink { border-color: #e03997; }
.line-brown { border-color: #a5673f; }
.line-grey { border-color: #8799a3; }
.line-gray { border-color: #aaaaaa; }
.line-black { border-color: #333333; }
.line-white { border-color: #ffffff; }